<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>欢迎光临 Music Store</title>
<link type="text/css" rel="Stylesheet" href="static/style/front.css" />
</head>

<body>
	<div id="wrapper">
		<div id="header">
			<div id="header-logo">
				<a href="index"><img src="static/style/images/logo.png" alt=""></img></a>
			</div>
			<div id="header-login">
				<a href="#">登录</a> | <a href="#">注册</a>
			</div>
			<div class="clearBoth"></div>
			<div id="header-search">
				<form action="index" method="get">
					<input id="keyword" name="title" type="text" /><input
						id="btnSearch" type="submit" value="搜索" />
				</form>
			</div>
			<div id="header-nav">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">商店</a></li>
					<li><a href="#">购物车</a></li>
					<li><a href="#">个人信息</a></li>
				</ul>
				<label id="welcome">您好，Sam。</label>
			</div>
		</div>
		<div id="content">
			<div id="sidebar">
				<h3>唱片分类</h3>
				<ul class="categories">
					<c:forEach var="c" items="${categories }">
						<li><a href="index?genreId=${c.id}">${c.name}</a></li>
					</c:forEach>
				</ul>
			</div>
			<div id="main">
				<h3 id="main-title">唱片详细资料</h3>
				<div id="hotAlbums">
					<dl class="hotAlbumsItem">
						<dt>
							<img src="static/CoverImages/${album.id}.jpg" alt="" /></a>
						</dt>
					</dl>
					<form action="cart-add" method="post">
						<table>
							<ul>
								<li>专辑名称：${album.title }</li>
								<li>歌手：${album.artist }</li>
								<li>定价：${album.price }</li>
								<li>发行时间：${album.dateReleased }</li>
								<li><input type="hidden" name="id" value="${album.id}" /></li>
								<li><input type="hidden" name="albumTitle" value="${album.title}" /></li>
								<li><input type="hidden" name="artist"
									value="${album.artist}" /></li>
								<li><input type="hidden" name="unitPrice" value="${album.price}" /></li>
								<li><input type="submit" value="购买" /></li>
								<%-- 	    			<a href="order-list?albumId=${album.id}">购买</a> --%>
								<li>详细介绍：${album.description }</li>
							</ul>
						</table>
					</form>
				</div>
			</div>
			<div class="clearBoth"></div>
		</div>
		<div id="footer">
			<div id="footer-ad">
				<img src="static/style/images/footer.png" alt=""></img>
			</div>
			<div id="footer-contactUs">
				<p>Music Store</p>
				<p>Design by Sam Chen, July,2011.</p>
			</div>
		</div>
	</div>
</body>
</html>
